
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BWWM - Admin Page</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  
<script>
	$(function() {
		$( "#datepicker" ).datepicker({ dateFormat: 'dd M yy' }, { monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'] });
		
	});
	</script>
<style type="text/css">
<!--
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background: #42413C;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Selettori tag/elemento ~~ */
ul, ol, dl { /* A causa delle differenze tra i browser, è buona norma impostare a zero il margine e la spaziatura interna negli elenchi. Per uniformità, potete specificare qui i valori desiderati, oppure nelle voci di elenco (LI, DT, DD) contenute negli elenchi. Tenete presente che le impostazioni effettuate qui verranno applicate a cascata all'elenco .nav a meno che non scegliate di scrivere un selettore più specifico. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* La rimozione del margine superiore permette di aggirare il problema che si crea quando i margini possono fuoriuscire dal div che li contiene. Il margine inferiore che rimane permetterà di distanziare gli elementi che seguono. */
	padding-right: 15px;
	padding-left: 15px; /* L'aggiunta di una spaziatura ai lati degli elementi contenuti nei div, anziché ai div stessi, consente di evitare ogni calcolo matematico relativo ai riquadri. Come metodo alternativo si può anche utilizzare un div nidificato con spaziatura laterale. */
}
a img { /* Questo selettore rimuove il bordo blu predefinito visualizzato in alcuni browser intorno a un'immagine quando è circondata da un collegamento.  */
	border: none;
}
/* ~~ L'applicazione di stili ai collegamenti del sito deve rispettare questo ordine, compreso il gruppo di selettori che creano l'effetto hover. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* A meno che non vogliate personalizzare i collegamenti in un modo molto particolare, è bene applicare la sottolineatura per permetterne una rapida identificazione visiva. */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Questo gruppo di selettori conferisce alla navigazione tramite tastiera gli stessi effetti hover che si producono quando si usa il mouse. */
	text-decoration: none;
}

/* ~~ Questo contenitore a larghezza fissa circonda gli altri div ~~ */
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
}

/* ~~ All'intestazione non viene assegnata una larghezza. Estenderà l'intera larghezza del layout. Contiene un'immagine segnaposto da sostituire con il vostro logo collegato ~~ */
.header {
	background: url(images/header-bg.gif);
	height:105px;
}

/* ~~ Queste sono le informazioni sul layout. ~~ 

1) La spaziatura viene applicata solo al lato superiore e/o inferiore del div. Agli elementi all'interno del div viene applicata una spaziatura sui lati. In questo modo si evita ogni calcolo matematico relativo ai riquadri. Tenete presente che se aggiungete spaziatura laterale o bordi al div stesso, andranno ad aggiungersi alla larghezza definita per produrre la larghezza *totale*. Potete anche scegliere di rimuovere la spaziatura dell'elemento nel div e inserire un secondo div al suo interno con larghezza nulla e con la spaziatura necessaria per la struttura che state creando.

*/

.content {
	padding: 50px 0px 85px 85px;
}

/* ~~ Il piè di pagina ~~ */
.footer {
	background: url(images/footer-bg.gif);
	height:83px;
}

/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il #footer sul viene rimosso o estratto dal #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


-->
</style>
<script type="text/javascript">
			$(function(){
	
				// Tabs
				$('#tabs').tabs();
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
			});
		</script>
		<style type="text/css">
			/*demo page css*/
			.demoHeaders { margin-top: 2em; }
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
		</style>	
        
 <script type="text/javascript">
	var episode=2;
    function aggiungi(){
		if ($("#idDB").val().length >	0 ){
			var riga = '<tr id="riga'+episode+'" style="display:none;"><td><label>ID</label><input readonly="readonly" type="text" name="episodeID[]" id="episode'+episode+'ID"/><label>Episode '+episode+' Title</label><input type="text" name="episodeTitle[]" style="width:53.7%"/><br /><label>Episode '+episode+' File</label><input type="file" name="episodeFile[]"/><br />Plot Episode '+episode+':</label><br /><textarea  name="episodePlot[]" rows="3" style="width:100%; resize:none" draggable=""></textarea></td></tr>';
			$('#listOfEpisodes').append(riga);
			$("#riga"+episode).fadeIn();
			var idINT = $("#idDB").val().substr( 2, $("#idDB").val().length );
			var newValue = parseInt( idINT )+episode
			$("#episode"+episode+"ID").val( 'll'+newValue );
			episode++;
		}
		else{
			alert("Field ID missed! Pelese generate a value");
		}
	}
	
	function rimuovi(){
		if (episode > 2){
			episode--;
			$("#riga"+episode).fadeOut();
			$('#listOfEpisodes').remove($("#riga"+episode));
		}
	}
    </script>
        
        </head>
<body onload="checkGenre ()">

<div class="container">
  <div class="header">
  <div style="height:100%; background: url(images/header-glass.gif) no-repeat; "><a href="index.php"><img src="images/logo.png" style=" display:block;" /></a>
   
  </div>
  <div style="position:relative; vertical-align:middle; float:right"> 
  <table>
  	<tr valign="middle">
    	<td>
			<img src="images/email4jpg.png" width="39" height="32" />
        </td>
        <td>
        	<?php 
				include '../wp-includes/php/DBManager.class.php';
				
				$db = new DBManager ( 'localhost', 'root', '', 'iumus' );
				$query="SELECT * FROM movie WHERE  id =  '".$_GET['id']."'";
				$result=$db->executeQuery ($query);
				$film = mysql_fetch_array($result);
				
				$query="SELECT COUNT(*) AS numMess FROM iumus.messaggi WHERE  messaggi.destinatario =  'admin' AND letto=1;";
				$result=$db->executeQuery ($query);
				$row = mysql_fetch_array($result);
				echo " (".$row['numMess'].") "
			?>
        </td>
       	<td>
        	<img src="images/User-group-256.png" width="32" height="32" />
        </td>
        <td>
        	<?php 
				$query="SELECT COUNT(*) AS numUser FROM iumus.utente WHERE Username<> 'admin'";
				$result=$db->executeQuery ($query);
				$row = mysql_fetch_array($result);
				echo " (".$row['numUser'].") "
			?>
        </td>
        <td>
   			<a href="exit.php">Logout Admin</a>
        </td>
     </tr>
  	</table>
    </div>
  <!-- end .header --></div>
  <div class="content">
  <a href="index.php" ><ul><li style="text-decoration:none; list-style-image:url(images/systemz_iconSmall.png)"> Go Back To Control Panel Page
  </li></ul></a>
  <form action="../wp-includes/php/updateFilm.php" method="POST" enctype="multipart/form-data" name="form1" onsubmit="return valid()">
  <table width="80%">
    <tr>
      <td>
		<table width="100%">
			<tr>
				<td>
					<label>Title</label>
				</td>
				<td>
					<input  type="text" name="title" id="title" value="<?php echo $film['title']; ?>">
				</td>
			    <td>
					<label>Year</label>
				</td>
				<td>	
					<input type="text" name="year" id="year" value="<?php echo $film['year']; ?>">
				</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td>
					<label>Rated</label>
				</td>
				<td>
                	<select name="rated" id="rated">
                    	<option value="N/A" title="Select this if you don't know the rated">Select a Rated</option>
                        <option value="G" title="All ages admitted">General Audiences</option>
                        <option value="PG" title="Some Material May Not Be Suitable For Children">Parental Guidance Suggested</option>
                        <option value="PG-13" title="Some Material May Be Inappropriate For Children Under 13">Parents Strongly Cautioned</option>
                        <option value="R" title="Children Under 17 Require Accompanying Parent or Adult Guardian">Restricted</option>
                        <option value="NC-17" title="No One 17 and Under Admitted">No One 17 and Under Admitted</option>
                    </select>
                </td>
			    <td>
					<label>Released</label>
				</td>
				<td>
                	
					<input type="text" id="datepicker" name="released" style="background:url(images/date-button.gif) no-repeat right; cursor:pointer">
				</td>
			</tr>
		</table>
	  </td>
    </tr>
	<tr><td colspan=2>&nbsp;</td></tr>
    <tr>
      <td>
		<table  width = "100%"> 
        <tr>
          <td>
			<input type="checkbox" name="genre[]" value="Action"/><label>Action</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Comedy"/><label>Comedy</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Family"/><label>Family</label></td>
          <td>
			<input type="checkbox" name="genre[]" value="History"/><label>History</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Mistery"/><label>Mistery</label>
		  </td>
        </tr>
        <tr>
          <td>
			<input type="checkbox" name="genre[]" value="Sci-Fi"/><label>Sci-fi</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="War" id="checkbox7" /><label>War</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Adventure"/><label for="checkbox8">Adventure</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Crime"/><label>Crime</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Fantasy"/><label>Fantasy</label>
		  </td>
        </tr>
        <tr>
          <td>
			<input type="checkbox" name="genre[]" value="Horror"><label>Horror</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="News"/><label>News</label>
		  </td>
          <td>
		  <input type="checkbox" name="genre[]" value="Sport"/><label>Sport</label></td>
          <td>
			<input type="checkbox" name="genre[]" value="Western"/><label>Western</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Animation"/>
            <label>Animation</label>
		  </td>
        </tr>
        <tr>
          <td>
			<input type="checkbox" name="genre[]" value="Documentary"/><label>Documentary</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Noir"/><label>Noir</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Reality"/><label>Reality</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Talk-Show"/><label>Talk-Show</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Biography"/><label>Biography</label>
		  </td>
        </tr>
        <tr>
          <td>
			<input type="checkbox" name="genre[]" value="Drama"/><label>Drama</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Musical"/><label>Musical</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Romance"/><label>Romance</label>
		  </td>
          <td>
			<input type="checkbox" name="genre[]" value="Thriller"/><label>Thriller</label>
		  </td>
          <td>
		  <input type="checkbox" name="genre[]" value="Game-show"/><label>Game-show</label></td>
        </tr>
      </table>
	  </td>
    </tr>
	<tr><td colspan=2>&nbsp;</td></tr>
    <tr>
      <td>
	  <table>
			<tr>
				<td>
					<label>Director</label>
				</td>
				<td>
					<input type="text" name="director" id="director" value="<?php echo $film['director']; ?>"/>
				</td>
			    <td>
					<label>Writer</label>
				</td>
				<td>	
					<input type="text" name="writer" id="writer" value="<?php echo $film['writer']; ?>"/>
				</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td>
					<label>Actors</label>
				</td>
				<td>
					<textarea name="actors" id="actors" cols="22" rows="5"  ><?php echo $film['actors']; ?></textarea>
				</td>
			    <td>
					<label>Plot</label>
				</td>
				<td>	
					<textarea name="plot" id="plot" cols="22" rows="5" ><?php echo $film['plot']; ?></textarea>
				</td>
			</tr>
			<tr><td colspan=2>&nbsp;</td></tr>
			<tr>
				<td>
					<label>Cover</label>
				</td>
				<td>
					<input type="file" id="cover" name="cover"  class="uploadbox" />
				</td>
			    <td>
					<label>Runtime</label>
				</td>
				<td>	
					<input type="text" name="runtime" id="runtime"  value="<?php echo $film['runtime']; ?>"/>
				</td>
			</tr>
			<tr><td colspan=2>ID: <input type="text" name="id" id="id" readonly="readonly" value="<?php echo $film['id']; ?>"/></td></tr>
            <tr><td colspan=2></td></tr>
		</table>

        <tr><td colspan=2 style="font: 80% 'Trebuchet MS', sans-serif; margin: 50px;">
        
        </td></tr>
        <tr><td colspan=2>&nbsp;</td></tr>
		<tr>
      <td align="right">
		<input style="color: white; background-color: black; border: none; cursor: pointer; background-image: url(images/submit.gif); width: 80px; height: 23px;" type="submit" value=""/>
		<input style="color: white; background-color: black; border: none; cursor: pointer; background-image: url(images/reset.gif); width: 80px; height: 23px;" type="reset" value=""/>
	  </td>
    </tr>
	  </td>
	<td height="2"></tr>
</table></form>
  <!-- end .content -->
  </div>
  <div class="footer">
  		<div style="height:100%; background:url(images/footer-glass.gif) no-repeat"></div>
       
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
<script type="text/javascript">

	function valid () {
		if ( $( "#title" ).val ().length <= 0 ){
			alert("Field title missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#year" ).val ().length <= 0 ){
			alert("Field year missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#rated" ).val ().length <= 0 ){
			 alert("Field rated missed! Pelese insert a value");
			return false;
		}
		if ( $( "#datepicker" ).val ().length <= 0 ){
			alert("Field released missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#director" ).val ().length <= 0 ){
			alert("Field director missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#writer" ).val ().length <= 0 ){
			alert("Field writer missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#runtime" ).val ().length <= 0) {
			alert("Field runtime missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#actors" ).val ().length <= 0 ){
			alert("Field actors missed! Pelese insert a value");
			 return false;
		}
		if ( $( "#idDB" ).val ().length <= 0 ){
			alert("Field ID missed! Pelese generate a value");
			 return false;
		}
		
		return true;
	}
	
	var globale = '<?php echo $film['genre']?>';
	
	
	
	function checkGenre (){
		var arr = globale.split(", ");
		for (var i=0; i< arr.length; i++)		
			for (var x = 0; x < (document.getElementsByName('genre[]').length); x++)
				if ( arr[i] == document.getElementsByName('genre[]')[x].value  )
				  document.getElementsByName('genre[]')[x].checked = true;
				  
	}
	
	
</script>
</html>
